/* Estilos DxD*/

#drops div {
	width: 100px; height: 100px;
	position: absolute;
	line-height: 100px;
	text-align: center;
	font: normal normal bold 20pt/100px sans-serif;
	}

#drags div {
	width: 80px; height: 80px;
	text-align: center;
	cursor: pointer;
	-moz-border-radius: 10px;
	font: normal normal bold 20pt/80px sans-serif;
}


.DxD-iniDrag {
	background-color: #AFA;
	border: 1px solid #AAA;
	}

.DxD-enterDrag {
	background-color: #4A4;
	border-color: #282;
	color:  #FFF;
	}


.DxD-dragDrag {
	background-color: #FFA;
	border-color: #46A;
	color:  #004;
	}

.DxD-overDrag {
	background-color: #F60;
	border-color: #A00;
	color: #000;
	}
	
.DxD-dropDrag {
	background-color: #A00;
	border-color: #602;
	color:  #FFF;
	}



.DxD-iniDrop {
	border: 1px solid #09A;
	-moz-border-radius: 10px;
	background-color: #0AF;
	color: #FFF;
	}

.DxD-overDrop {
	background-color: #8CF;
	color: #000;
	}

.DxD-dropDrop {
	background-color: #08A;
	border-color: #036;
	color: #FFF;
	}

.DxD-trueDrop {
	font: normal normal bolder 20pt/40px sans-serif;
 	background-position: -400px top;
	color: #000;
	}
